
import React, { Component } from 'react';
import './style.css'
import imgJiahao from '../../../assets/images/加号.png'
import imgPlace from '../../../assets/images/定位.png'
import imgSearch from '../../../assets/images/搜索.png'

const SearchInput = (props) => {
    const { handleOnclick, SearchBoxhandleOnclick }= props;
    return (
        <div className="search" >
            <div className="search-input">
                <div className="search-place">
                    <img className='location-img' src={imgPlace}></img>
                    <p className="location">南昌</p>
                    <p className='search-border'>
                        <img className='search-img' src={imgSearch}></img>
                    </p>
                    <input type="text" placeholder='擦玻璃' onFocus={SearchBoxhandleOnclick}/> 
                </div>
            </div>
            <img className="search-jiahao" src={imgJiahao} onClick={()=>{handleOnclick()}}></img>
        </div>
    )
}

export default SearchInput

